# Project overall

## Overview

In the main page of **Rsdoctor**, we can see a card named `Project Overall`, which provides information about the current project's **configuration, version, and alerts**. The content is shown in the following image:

<img
  src="https://assets.rspack.rs/others/assets/rsdoctor/project-overall-1.jpg"
  style={{ margin: 'auto' }}
/>

## Glossary

| Term                 | Description                                                                                                                                                   |
| -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <b><i>errors</i></b> | Represents the **error** level rules detected by Rsdoctor during the current run                                                                              |
| <b><i>warns</i></b>  | Represents the **warn** level rules detected by Rsdoctor during the current run                                                                               |
| <b><i>rspack</i></b> | Represents the Rspack version obtained during the current run                                                                                                 |
| <b><i>cwd</i></b>    | Represents the current working directory during the current run, i.e., [process.cwd()](https://nodejs.org/dist/latest-v22.x/docs/api/process.html#processcwd) |
| <b><i>cpu</i></b>    | Represents the CPU information                                                                                                                                |
| <b><i>memory</i></b> | Represents the memory information during the current run                                                                                                      |
| <b><i>node</i></b>   | Represents the version number of [Node.js](https://nodejs.org/)                                                                                               |
| <b><i>yarn</i></b>   | Represents the version number of [Yarn](https://yarnpkg.com/), displayed as `Not Found` if not found                                                          |
| <b><i>npm</i></b>    | Represents the version number of [npm](https://www.npmjs.com/)                                                                                                |
| <b><i>pnpm</i></b>   | Represents the version number of [pnpm](https://pnpm.io/), displayed as `Not Found` if not found                                                              |

## Usage

### View bundler config

If we need to view the Rspack or webpack configuration of the project, we can click on `View Bundler Config` in the top right corner of the card. A popup window will appear, containing the serialized [Bundler Config](https://webpack.js.org/configuration/), as shown in the following image:

<img
  src="https://assets.rspack.rs/others/assets/rsdoctor/project-overall-config.jpg"
  width="500px"
  style={{ margin: 'auto' }}
/>

### errors / warns

If the numbers displayed in the `errors` and `warns` sections of the card are greater than 0, we can click on them to view the corresponding details list. The following image shows an example using `warns`:

<img
  src="https://assets.rspack.rs/others/assets/rsdoctor/project-overall-warning.png"
  width="500px"
  style={{ margin: 'auto' }}
/>

We can see the list of `warn` level alerts detected by Rsdoctor.
